<template>
  <div>
    <div class="view not-found-view">
      <div class="where-is-panfish">
        <img
          src="https://b-gold-cdn.xitu.io/v3/static/img/bg.1f516b3.png"
          class="elem bg"
        />
      </div>
      <a class="index-link" @click="back">回到上一页</a>
    </div>
  </div>
</template>

<script>
export default {
  name: "notfound",
  data() {
    return {};
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped lang="stylus">
.not-found-view
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .where-is-panfish
    position: relative;
    width: 100%;
    max-width: 70%;
    padding-top: 48%;
    img
      width: 100%;
    .elem
      position: absolute;
      top: 35%;
    .where-is-panfish .bg
      width: 100%;
      transform: translate(-50%,-50%);
  .index-link
    display block;
    padding 10px 20px;
    font-size 20px;
    color #fff;
    background-color #007fff;
    border-radius 5px;
    text-align center;
    width 50%;
    margin 80px auto 0 auto
</style>
